<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>泸州商业银行</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../uploads/styles/title.css">
    <link rel="stylesheet" href="../assets/css/home.css">
    <link rel="stylesheet" href="../uploads/styles/flexslider.css"/>
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="../assets/js/jquery.flexslider-min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<style>
    .flexslider {
        border: none;
    }
    .bt{
        display: block;
        width: 70%;
        text-align: center;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: white;
        background-color: #ff6f72;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
</style>
<script>
    var t = 60
    $(function () {
        $(".flexslider").flexslider({
            slideshowSpeed: 4000, //展示时间间隔ms
            animationSpeed: 400, //滚动时间ms
            touch: true, //是否支持触屏滑动
            directionNav: true
        })

    })
    function timeConut() {
        if (t>0) {
            document.getElementById('time').disabled = true
            document.getElementById('time').style.backgroundColor = '#747474'
            t--
            document.getElementById('time').innerHTML = t
            setTimeout("timeConut()",1000)
        } else {
            document.getElementById('time').disabled = false
            document.getElementById('time').innerHTML = '获取验证码'
            document.getElementById('time').style.backgroundColor = '#ff6f72'
            t = 60
        }
    }
</script>
<body>
<nav class="navbar navbar-default bg" role="navigation">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse"
                data-target="#example-navbar-collapse">
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <img src="../uploads/img/web/01.png" width="100%" class="heder">
    </div>
    <div class="collapse navbar-collapse" id="example-navbar-collapse">
        <ul class="nav navbar-nav col-md-offset-12">
            <li class="active"><a href="index.html">首页</a></li>
            <li><a href="rank.html">榜单</a></li>
            <li><a href="classify.html">分类</a></li>
        </ul>
        <div class="container" style="line-height: 50px">
            <div class="row">
                <div class="col-md-offset-4">
                    <a href="#login" role="button" class="btn" data-toggle="modal"><span style="color: white">登陆</span></a>
                    <span style="color: white">|</span>
                    <a href="#login" role="button" class="btn" data-toggle="modal"><span style="color: white">注册</span></a>
                </div>
            </div>
        </div>
    </div>
</nav>
<div class="container">
    <div class="row flexslider">
        <ul class="slides">
            <li><img src="../uploads/img/web/03.png"/></li>
            <li><img src="../uploads/img/web/03.png"/></li>
            <li><img src="../uploads/img/web/03.png"/></li>
            <li><img src="../uploads/img/web/03.png"/></li>
        </ul>
    </div>

    <div class="row" style="margin-top: 50px">
        <div class="col-md-12">
            <div class="row">
                <div class=" col-md-offset-3 col-xs-offset-1 col-xs-10">
                    <img src="../uploads/img/web/1.png" class="img-responsive center-block bg-image">
                </div>
            </div>
            <div class="row" style="margin-top: 20px">
                <div class="col-xs-12 col-md-12" style="text-align: center">
                    <div class="row">
                        <a href="detailed.html">
                            <div class="col-xs-12 col-md-2  col-sm-2 rank">
                                <img src="../uploads/img/web/001.png" class="img-responsive center-block sm-image">
                                <strong style="color: black">宜人借贷</strong><br>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span><br>
                                <span style="color: black">金融理财|7M</span>
                            </div>
                        </a>
                        <a href="detailed.html">
                            <div class="col-xs-12  col-md-2  col-sm-2 rank">
                                <img src="../uploads/img/web/001.png" class="img-responsive center-block sm-image">
                                <strong style="color: black">宜人借贷</strong><br>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span><br>
                                <span style="color: black">金融理财|7M</span>
                            </div>
                        </a>
                        <a href="detailed.html">
                            <div class="col-xs-12  col-md-2  col-sm-2 rank">
                                <img src="../uploads/img/web/001.png" class="img-responsive center-block sm-image">
                                <strong style="color: black">宜人借贷</strong><br>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span><br>
                                <span style="color: black">金融理财|7M</span>
                            </div>
                        </a>
                        <a href="detailed.html">
                            <div class="col-xs-12  col-md-2  col-sm-2 rank ">
                                <img src="../uploads/img/web/001.png" class="img-responsive center-block sm-image ">
                                <strong style="color: black">宜人借贷</strong><br>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span><br>
                                <span style="color: black">金融理财|7M</span>
                            </div>
                        </a>
                        <a href="detailed.html">
                            <div class="col-xs-12  col-md-2 col-sm-2 rank">
                                <img src="../uploads/img/web/001.png" class="img-responsive center-block sm-image">
                                <strong style="color: black">宜人借贷</strong><br>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span><br>
                                <span style="color: black">金融理财|7M</span>
                            </div>
                        </a>
                        <a href="detailed.html">
                            <div class="col-xs-12  col-md-2 col-sm-2 rank">
                                <img src="../uploads/img/web/001.png" class="img-responsive center-block sm-image">
                                <strong style="color: black">宜人借贷</strong><br>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span><br>
                                <span style="color: black">金融理财|7M</span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top: 30px;margin-bottom: 50px">
        <div class="col-xs-3 col-md-5">
        </div>
        <div class="col-xs-6 col-md-2" style="text-align: center">
            <a href="rank.html" class="a"><span style="border: 1px solid red;padding: 5px 20px;color: red">更多...</span></a>
        </div>
        <div class="col-xs-3 col-md-5">
        </div>
    </div>

    <!--<iframe src="link.html" width=100% scrolling=no frameborder="0"></iframe>-->
    <div class="modal fade" id="login" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="row">
            <div class="col-xs-8 col-xs-offset-2 col-md-3 col-md-offset-5"
                 style="background-color: white;margin-top: 180px">
                <div class="col-md-12">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="tabbable" id="tabs-469472">
                            <ul class="nav nav-tabs loginColor">
                                <li class="active">
                                    <a href="#one" data-toggle="tab">登陆</a>
                                </li>
                                <li>
                                    <a href="#two" data-toggle="tab">注册</a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="one">
                                    <div class="row">
                                        <div class=" col-md-12" style="margin-top: 50px">
                                            <form class="form-horizontal" role="form">
                                                <div class="form-group">
                                                    <div class="col-sm-8 col-xs-8 col-sm-offset-3 col-xs-offset-3">
                                                        <img src="../uploads/img/web/17%20(2).png" width="100%"
                                                             style="position: absolute;width: 20px;margin: 5px">
                                                        <input type="text" class="form-control" id="name"
                                                               style="padding-left: 30px"/>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="col-sm-8 col-xs-8 col-sm-offset-3 col-xs-offset-3">
                                                        <img src="../uploads/img/web/18%20(2).png" width="100%"
                                                             style="position: absolute;width: 20px;margin: 5px">
                                                        <input type="password" class="form-control" id="password"
                                                               style="padding-left: 30px"/>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="col-sm-offset-3 col-sm-6 col-xs-offset-3">
                                                        <div class="checkbox">
                                                            <label><input type="checkbox"/>自动登陆</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="col-sm-offset-3 col-sm-10 col-xs-offset-3">
                                                        <button type="submit" class="btn btn-default"
                                                                style="width: 56%">登陆
                                                        </button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="two">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="tabbable" id="tabs-537857">
                                                <ul class="nav nav-tabs acolor">
                                                    <li class="active">
                                                        <a href="#panel-843571" data-toggle="tab">普通用户注册</a>
                                                    </li>
                                                    <li>
                                                        <a href="#panel-148840" data-toggle="tab">开发者注册</a>
                                                    </li>
                                                </ul>
                                                <div class="tab-content">
                                                    <div class="tab-pane active" id="panel-843571">
                                                        <div class="row">
                                                            <div class=" col-md-12" style="margin-top: 50px">
                                                                <form class="form-horizontal" role="form">
                                                                    <div class="form-group">
                                                                        <div
                                                                            class="col-sm-8 col-xs-8 col-sm-offset-3 col-xs-offset-3">
                                                                            <img src="../uploads/img/web/17%20(2).png"
                                                                                 width="100%"
                                                                                 style="position: absolute;width: 20px;margin: 5px">
                                                                            <input type="text" class="form-control"
                                                                                    style="padding-left: 30px" placeholder="输入手机号码"/>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div class="col-sm-8 col-xs-8 col-sm-offset-3 col-xs-offset-3">
                                                                            <input type="text" class="form-control" id=""/>
                                                                        </div>
                                                                        <div class="col-sm-8 col-sm-offset-3">
                                                                            <button type="button" class="bt" id="time" onclick="timeConut()">获取验证码</button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div
                                                                            class="col-sm-8 col-xs-8 col-sm-offset-3 col-xs-offset-3">
                                                                            <img src="../uploads/img/web/18%20(2).png"
                                                                                 width="100%"
                                                                                 style="position: absolute;width: 20px;margin: 5px">
                                                                            <input type="password" class="form-control"
                                                                                   style="padding-left: 30px" placeholder="请输入密码"/>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div
                                                                            class="col-sm-8 col-xs-8 col-sm-offset-3 col-xs-offset-3">
                                                                            <img src="../uploads/img/web/18%20(2).png"
                                                                                 width="100%"
                                                                                 style="position: absolute;width: 20px;margin: 5px">
                                                                            <input type="password" class="form-control"
                                                                                   style="padding-left: 30px" placeholder="请再次输入密码"/>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div
                                                                            class="col-sm-offset-3 col-sm-10 col-xs-offset-3">
                                                                            <button type="submit"
                                                                                    class="btn btn-default"
                                                                                    style="width: 56%">注册
                                                                            </button>
                                                                        </div>
                                                                    </div>

                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="panel-148840">
                                                        <div class="row">
                                                            <div class=" col-md-12" style="margin-top: 50px">
                                                                <form class="form-horizontal" role="form">
                                                                    <div class="form-group">
                                                                        <div
                                                                            class="col-sm-8 col-xs-8 col-sm-offset-3 col-xs-offset-3">
                                                                            <img src="../uploads/img/web/19%20(2).png"
                                                                                 width="100%"
                                                                                 style="position: absolute;width: 20px;margin: 5px">
                                                                            <input type="text" class="form-control"
                                                                                   id="loginName"
                                                                                   style="padding-left: 30px"/>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div
                                                                            class="col-sm-8 col-xs-8 col-sm-offset-3 col-xs-offset-3">
                                                                            <img src="../uploads/img/web/17%20(2).png"
                                                                                 width="100%"
                                                                                 style="position: absolute;width: 20px;margin: 5px">
                                                                            <input type="password" class="form-control"
                                                                                   id="userName"
                                                                                   style="padding-left: 30px"/>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div
                                                                            class="col-sm-8 col-xs-8 col-sm-offset-3 col-xs-offset-3">
                                                                            <img src="../uploads/img/web/20.png"
                                                                                 width="100%"
                                                                                 style="position: absolute;width: 20px;margin: 5px">
                                                                            <input type="password" class="form-control"
                                                                                   id="phone"
                                                                                   style="padding-left: 30px"/>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div
                                                                            class="col-sm-8 col-xs-8 col-sm-offset-3 col-xs-offset-3">
                                                                            <label>上传证件</label>
                                                                            <input type="file" id="photo"/>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div
                                                                            class="col-sm-offset-3 col-sm-10 col-xs-offset-3">
                                                                            <button type="submit"
                                                                                    class="btn btn-default"
                                                                                    style="width: 56%">注册
                                                                            </button>
                                                                        </div>
                                                                    </div>

                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-full">
    <div class="row" style="margin-top: 30px;background-color: #d8d8d4">
        <div class="col-md-12 font">
            <a href="#"><span>帐号服务</span></a>&nbsp|&nbsp
            <a href="#"><span>应用市场</span></a>&nbsp|&nbsp
            <a href="#"><span>相关咨询</span></a>&nbsp|&nbsp
            <a href="#"><span>相关推荐</span></a>&nbsp|&nbsp
            <a href="#"><span>联系地址</span></a>&nbsp|&nbsp
            <a href="#"><span>论坛</span></a>
        </div>
    </div>
    <iframe src="link.html" scrolling="0" width="100%" frameborder="0"></iframe>
</div>
</body>
</html>
